.logo {
    display: block;
    height: 12rem;
    background: #FFFFFF url(../img/bbtlogo.jpg) no-repeat 50% 50%;
    background-size: contain;
    margin-bottom: 3rem;
}

form#login, form#task {
    margin: 0 auto;
    text-align: left;
}

#login .labeled {
    margin-bottom: 1.6rem;
}

#login .input .label {
    width: 5rem;
}

#login .input input {
}

#task-title {
    margin-top: 1.2rem;
    margin-bottom: 3rem;
}

input[type="file"] {
    font-family: Lato, 'Helvetica Neue', Arial, Helvetica, sans-serif;
    margin: 0;
    outline: 0;
    display: inline-block;
    width: 100%;
    -webkit-appearance: none;
    tap-highlight-color: rgba(255, 255, 255, 0);
    line-height: 1.2142em;
    padding: .4em 1em;
    font-size: 1em;
    background: #FFF;
    border: 1px solid rgba(34, 36, 38, .15);
    color: rgba(0, 0, 0, .87);
    border-radius: .28571429rem;
    box-shadow: 0 0 0 0 transparent inset;
    -webkit-transition: color .1s ease, border-color .1s ease;
    transition: color .1s ease, border-color .1s ease;
}

.error input[type="file"] {
    background: #FFF6F6;
    border-color: #E0B4B4;
    color: #9F3A38;
    box-shadow: none;
}

.rules {
    margin: .3rem 0 1rem;
    padding: .5rem;
    border: 1px solid #e0e0e0;
    background-color: #f8f8f8;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    list-style-position: inside;
}

.rules li {
    font-size: .9rem;
    color: #555555;
    line-height: 1.2rem;
    margin-bottom: .3rem;
}

.autocomplete-suggestions {
    margin-top: .3rem;
    padding: .3rem;
    background-color: #FFFFFF;
    border: 1px solid #e6e6e6;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    overflow: auto;
    overflow-x: hidden;
}

.autocomplete-suggestions .autocomplete-suggestion {
    padding: .3rem;
}

.autocomplete-suggestions .autocomplete-suggestion:hover {
    background-color: #e0e0e0;
}

.autocomplete-suggestions .autocomplete-suggestion.autocomplete-selected {
    background-color: #1d5987;
    color: #ffffff;
}

@media screen and (min-width: 355px) {
    .main {
        width: 340px;
        margin: 0 auto;
    }
}